<template>
  <el-dialog
    :visible="visible"
    :close-on-press-escape="false"
    :close-on-click-modal="false"
    width="540px"
    align-center
    :lock-scroll="false"
  >
    <div class="text">{{ text }}</div>
  </el-dialog>
</template>

<script setup>
import { defineProps } from 'vue'
defineProps({
  visible: {
    type: Boolean,
    default: false
  },
  text: {
    type: String,
    default: ''
  }
})
</script>

<style lang="less" scoped>
.text {
  color: rgba(0, 246, 255, 0.7);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 30px;
  letter-spacing: 0.3px;
}
</style>
